html {
    /*filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%)!important;
    -moz-filter: grayscale(100%)!important;
    -o-filter: grayscale(100%)!important;
    filter: progid:DXImageTransform.Microsoft.basicImage(grascale=1);
    _filter: none;*/
}

body {font-size: 14px;padding: 0;margin: auto;font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif!important}
pre {margin: 5px 0px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.playlist >div:first-child{color: #1cadb8;}
.viewer-container,.viewer-navbar {
    background-color: #000;
    overflow: hidden
}

.viewer-canvas,.viewer-container,.viewer-footer,.viewer-player {
    right: 0;
    bottom: 0;
    left: 0
}

.viewer-button,.viewer-canvas,.viewer-container,.viewer-footer,.viewer-list,.viewer-navbar,.viewer-open,.viewer-title,.viewer-toolbar,.viewer-toolbar>li {
    overflow: hidden
}

.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.viewer-zoom-in:before {
    content: 'Zoom In';
    background-position: 0 0
}

.viewer-zoom-out:before {
    content: 'Zoom Out';
    background-position: -20px 0
}

.viewer-one-to-one:before {
    content: 'One to One';
    background-position: -40px 0
}

.viewer-reset:before {
    content: 'Reset';
    background-position: -60px 0
}

.viewer-prev:before {
    content: 'Previous';
    background-position: -80px 0
}

.viewer-play:before {
    content: 'Play';
    background-position: -100px 0
}

.viewer-next:before {
    content: 'Next';
    background-position: -120px 0
}

.viewer-rotate-left:before {
    content: 'Rotate Left';
    background-position: -140px 0
}

.viewer-rotate-right:before {
    content: 'Rotate Right';
    background-position: -160px 0
}

.viewer-flip-horizontal:before {
    content: 'Flip Horizontal';
    background-position: -180px 0
}

.viewer-flip-vertical:before {
    content: 'Flip Vertical';
    background-position: -200px 0
}

.viewer-fullscreen:before {
    content: 'Enter Full Screen';
    background-position: -220px 0
}

.viewer-fullscreen-exit:before {
    content: 'Exit Full Screen';
    background-position: -240px 0
}

.viewer-close:before {
    content: 'Close';
    background-position: -260px 0
}

.viewer-container {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(0,0,0,.5);
    direction: ltr!important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.viewer-container ::-moz-selection,.viewer-container::-moz-selection {
    background-color: transparent
}

.viewer-container ::selection,.viewer-container::selection {
    background-color: transparent
}

.viewer-container img {
    display: block;
    width: 100%;
    min-width: 0!important;
    max-width: none!important;
    height: auto;
    min-height: 0!important;
    max-height: none!important
}

.viewer-player,.viewer-tooltip {
    display: none;
    position: absolute
}

.viewer-canvas {
    position: absolute;
    top: 0
}

.viewer-canvas>img {
    width: auto;
    max-width: 90%!important;
    height: auto;
    margin: 15px auto
}

.viewer-footer {
    position: absolute;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0,0,0,.5)
}

.viewer-list {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    padding: 1px 0
}

.viewer-list>li {
    font-size: 0;
    line-height: 0;
    float: left;
    overflow: hidden;
    width: 30px;
    height: 50px;
    cursor: pointer;
    opacity: .5;
    color: transparent;
    filter: alpha(opacity=50)
}

.viewer-list>li+li {
    margin-left: 1px
}

.viewer-list>.viewer-active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.viewer-player {
    top: 0;
    cursor: none;
    background-color: #000
}

.viewer-player>img {
    position: absolute;
    top: 0;
    left: 0
}

.viewer-toolbar {
    display: flex;
    justify-content: center;
    margin: 0 auto 5px;
    padding: 3px 0
}

.viewer-toolbar>li {
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
    margin-left: 5px;margin-right: 5px;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.viewer-toolbar>li:hover {
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.viewer-toolbar>li:before {
    margin: 2px
}

.viewer-toolbar>li+li {
    margin-left: 1px
}

.viewer-toolbar>.viewer-play {
    width: 30px;
    height: 30px;
    /*margin-top: -3px;
    margin-bottom: -3px*/
}

.viewer-toolbar>.viewer-play:before {
    margin: 5px
}

.viewer-tooltip {
    font-size: 12px;
    line-height: 20px;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 20px;
    margin-top: -10px;
    margin-left: -25px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.viewer-title {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    max-width: 90%;
    margin: 0 5% 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .8;
    color: #ccc;
    filter: alpha(opacity=80)
}

.viewer-title:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.viewer-button {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.viewer-button:before {
    position: absolute;
    bottom: 15px;
    left: 15px
}

.viewer-fixed {
    position: fixed
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.viewer-in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.viewer-transition {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display:none
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display:none
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display:none
    }
}
.article-box .jusityleft p>video {display: block;margin: auto;}
.article-box  p video {display: block;margin: auto;}
section div[name="g-item"] img {width: 100%;height: 100%;object-fit: cover;}
section .w1200 div[name="group"] {margin-top: 10px;}
section .w1200 div[name="group"] a {box-sizing: border-box;padding: 0px 5px;}
section .w1200 div[name="group"]:first-child a {padding-left: 0px}
section .w1200 div[name="group"]:last-child a {padding-right: 5px;}
section .w1200 div[name="group"] .btn1 {display: none;}
section .w1200 div[name="group"] .bg03 {background-color: #FFFFFF}
section div[name="banner"] {display: none;}
.web-index section div[name="banner"] {display: block;}
/*
.jujiao {height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yaowen {height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
*/
.jujiao {height: 48px;overflow: hidden;line-height: 24px;}
.yaowen {height: 48px;overflow: hidden;line-height: 24px;}
.h48 {height: 48px;}
.lh24 {line-height: 24px;}
.spa2{letter-spacing:2px;}
.spa3{letter-spacing:3px;}
.spa4{letter-spacing:4px;}
.spa5{letter-spacing:5px;}
.spa10{letter-spacing:10px;}
.spa20{letter-spacing:20px;}
.debugbox{background-color: rgba(0,0,0,0.1);}
.navbg{background-image: url('/static/images/pc/nav_backgroud.png');background-size: 100% 100%;}
.hovbgnava:hover{background-color: #8343a2;}
.ac333 a{color: #666666;}
.ac333 a:hover{color: #165ba8;}
.ac332 a{color: #333333;}
.ac332 a:hover{color: #165ba8!important;}
.ac332 a:visited{color: #333333;}
.ac336 a{color: #666666;}
.ac336 a:hover{color: #165ba8!important;}
.ac336 a:visited{color: #666666;}
.square5{width: 100%;padding-bottom:50%; height：0；}
.square{width: 100%;padding-bottom:100%; height：0；}
.txshad {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)}
.scaley15{transform: scaleY(1.5) ;}
.txl40{text-indent: 2em;}
.pdb110p{padding-bottom: 110%;}
.pdb155p{padding-bottom: 155%;}
.active .actfsw{font-weight: bolder;}
.type-checked-color{color: #1cadb8;}
#carousel-example-info .carousel-indicators li {display: flex;border-width: 0px;margin: 0px;}
.w1200{width: 1200px;transition: 0.1s;}
.fenxiang{flex: 1;justify-content: flex-start;}
.fenxiang>div{padding-left: 30px;padding-top: 50px;}
.h138{flex: 1;}
.nav-width{flex: 1;font-size: 18px;}
.info-list .miw220>div>div{margin-bottom: 5px;}
.news-list .miw220>div>div{margin-bottom: 5px;}
.fsReset .fs18{font-size: 18px;transition: 0.1s;}
.fsReset .fs24{font-size: 24px;}
.fsReset .fs20{font-size: 20px;}
.fs-3px .fs18{font-size: 18px;transition: 0.1s;}
.miw230{min-width: 230px;}
.fwRe .miw230{min-width: 230px;}
.fwRe .w240 {width: 240px;}
.special-detail-article {opacity: 0;}
@media (max-width: 916px) {
    .hidden-916 {
        display: none !important
    }
    .pdb110p{padding-bottom: 440px;}
    .pdb155p{padding-bottom: 620px;}
}
@media (max-width: 1380px) {
	.w1200{width: 1000px;transition: 0.1s;}
    .fenxiang{position: fixed;right: 0px;top: 300px;background: rgba(255,255,255,0.01);z-index: 9999;padding-left: 0px;}
    .fenxiang>div{padding-left: 0px;padding-top: 20px;}
    .h138{display: none;width: 0px;}
    .nav-width{flex: 1;font-size: 16px;letter-spacing: 0px;}
    .nav-width .jusity {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .fsReset .fs18{font-size: 16px;}
    .fsReset .fs24{font-size: 22px;}
    .fsReset .fs20{font-size: 18px;}
    .fs-3px .fs18{font-size: 15px;}
    .fwRe .miw230{min-width: 192px;}
    .fwRe .w240 {width: 230px;}
    
}
.wechat-box,.weibo-box,.qq-box{color: #FFFFFF;transition: 0.1s;}
.wechat-box:hover{background-color: #05b611;}
.weibo-box:hover{background-color: #fc6568;}
.qq-box:hover{background-color: #0c9dd4;}

.article-box img{max-width: 100%;}
.article-box p img{max-width: 100%;}
.article-box p>img{display: block;margin: auto;}

.sen {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.txt {/*overflow: hidden;*/text-overflow: ellipsis;white-space: nowrap;}
.txt p {
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;
}
.imgauto img {margin-left: auto;margin-right: auto;text-align: center;}
.imgmax img {max-width: 100%;}
.cover {object-fit: cover; }
.ifocus:focus {border-color: #57a3f3;box-shadow: 0 0 0 2px rgba(45,140,240,0.2);outline: 0}
.ihover:hover {border-color: #57a3f3;outline: 0}
.bg3C4451 {background-color: #3C4451;}
.checkbox{width: 13px;height: 13px;border-radius: 3px;border-color: #ddd;border-width: 1px;border-style: solid;position: relative;top: 0px;margin-right: 5px;transition: 0.2s;}
.checkbox:hover{border-color: #CCCCCC;box-shadow: 0 0 0 2px rgba(45,45,45,0.1);}

.checkbox15{width: 15px;height: 15px;border-radius: 2px;border-color: #ddd;border-width: 1px;border-style: solid;position: relative;top: 2px;transition: 0.2s;}
.checkbox15:hover{border-color: #CCCCCC;box-shadow: 0 0 0 1px rgba(45,45,45,0.1);}
.btn1 {display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 2px;transition:0.1s;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.bder{border-color: #ed3f14!important;box-shadow: 0 0 0 2px rgba(237,63,20,0.2)}
.cer{color: rgba(237,63,20,0.9);}
.bgm{background-color: #002140;}
.bgmi{background-color: #001529;}
.bgact{background-color: #1890ff;}
.ccp {color: #2b85e4;}
.ccc {color: #884423;}
.hovblue:hover{color: #57A3F3;border-color: #57A3F3;box-shadow: 0 0 0 2px rgba(45,140,240,0.2);}
.ihovblue:hover{border-color: #57A3F3;box-shadow: 0 0 0 2px rgba(45,140,240,0.2);}
.hovchopa3:hover .hchopa {opacity: 0.3;}
.hovchopa5:hover .hchopa {opacity: 0.5;}
.hovchopa7:hover .hchopa {opacity: 0.7;}
.hovchopa9:hover .hchopa {opacity: 0.9;}
.hovchopa:hover .hchopa {opacity: 0;}
.hovchdis:hover .hchdis {width: 150px;opacity: 1;height: auto;z-index: 11;}
.hovchdis:hover .hchdis .a {opacity: 1;}
.hovcha7:hover>.hcha {opacity: 0.7;}
.hovcha9:hover>.hcha {opacity: 0.9;}
.hovchdis:hover .hcha1 {opacity: 1;}
.hchno {height: 0px;overflow: hidden;}
.hovchdis:hover>.hchno {height: auto;}

.trsx{transition-duration: 0.5s;transition-timing-function: cubic-bezier(0,0,0.21,1);}
.bgco{ background-color: #fe5100;}
.bgly{ background-color: #FF8C19;}
.bgco0{background-color: #FFF5D8;}
.bgco1{background-color: #ffe5a0;}

.bgcc {background-color: #884423;}
.bgcg {background-color: #ac783c;}
.bgvip {background: linear-gradient(to right, #fde4a3, #e7bb57);}

.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.4s cubic-bezier(1.0, 0.3, 0.4, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}
.list-item {
  display: table-row;
  margin-right: 10px;
}
.list-enter-active, .list-leave-active {
  transition: all 1s;
}
.list-enter, .list-leave-to
/* .list-leave-active for below version 2.1.8 */ {
  opacity: 0;
  transform: translateY(30px);
}

.pmar5 p{margin: 5px 0;}

.cbl1{color: #11a6eb;}
.cb22{color: #2f57b3;}
.fbh {height: 40px;}
.navh {height: 50px;}
.sp1 {letter-spacing: 1px;}
.sp2 {letter-spacing: 2px;}

.miw1{min-width: 1px;}
.miw10{min-width: 10px;}
.miw20{min-width: 20px;}
.miw30{min-width: 30px;}
.miw40{min-width: 40px;}
.miw50{min-width: 50px;}
.miw55{min-width: 55px;}
.miw60{min-width: 60px;}
.miw70{min-width: 70px;}
.miw80{min-width: 80px;}
.miw90{min-width: 90px;}
.miw100{min-width: 100px;}
.miw120{min-width: 120px;}
.miw130{min-width: 130px;}
.miw150{min-width: 150px;}
.miw160{min-width: 160px;}
.miw200{min-width: 200px;}
.miw210{min-width: 210px;}
.miw220{min-width: 220px;}

.miw240{min-width: 240px;}
.miw280{min-width: 280px;}
.miw300{min-width: 300px;}
.miw350{min-width: 350px;}
.miw380{min-width: 380px;}
.miw400{min-width: 400px;}
.miw600{min-width: 600px;}

.maw60{max-width: 60px;}
.maw100{max-width: 100px;}
.maw150{max-width: 150px;}
.maw200{max-width: 200px;}
.maw250{max-width: 250px;}
.maw300{max-width: 300px;}
.maw400{max-width: 400px;}
.maw500{max-width: 500px;}
.maw600{max-width: 600px;}

.maw100p{max-width: 100%;}
.mah85p{max-height: 85%;}
.mah100p{max-height: 100%;}
.mah300{max-height: 300px;}
.mah400{max-height: 400px;}
.mah500{max-height: 500px;}
.mah600{max-height: 600px;}

.mh10{min-height: 10px;}
.mh20{min-height: 20px;}
.mh30{min-height: 30px;}
.mh40{min-height: 40px;}
.mh45{min-height: 45px;}
.mh50{min-height: 50px;}
.mh80{min-height: 80px;}
.mh100{min-height: 100px;}
.mh200{min-height: 200px;}
.mh300{min-height: 300px;}
.mh400{min-height: 400px;}
.mh500{min-height: 500px;}

.w0{width: 0px;}
.w1{width: 1px;}
.w2{width: 2px;}
.w3{width: 3px;}
.w4{width: 4px;}
.w5{width: 5px;}
.w10{width: 10px;min-width: 10px;}
.w12{width: 12px;min-width: 10px;}
.w15{width: 15px;min-width: 15px;}
.w18{width: 18px;min-width: 18px;}
.w20{width: 20px;min-width: 10px;}
.w25{width: 25px;}
.w30{width: 30px;}
.w35{width: 35px;}
.w40{width: 40px;}
.w45{width: 45px;}
.w50{width: 50px;}
.w55{width: 55px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w70{width: 70px;}
.w75{width: 75px;}
.w80{width: 80px;}
.w85{width: 85px;}
.w90{width: 90px;}
.w95{width: 95px;}
.w101{width: 100px;}
.w110{width: 110px;}
.w115{width: 115px;}
.w120{width: 140px;}
.w125{width: 125px;}
.w130{width: 130px;}
.w135{width: 135px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w175{width: 175px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w256{width: 256px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w340{width: 340px;}
.w350{width: 350px;}
.w380{width: 380px;}
.w400{width: 400px;}
.w420{width: 420px;}
.w450{width: 450px;}
.w480{width: 480px;}
.w500{width: 500px;}
.w510{width: 510px;}
.w530{width: 530px;}
.w550{width: 550px;}
.w580{width: 580px;}
.w600{width: 600px;}
.w650{width: 650px;}
.w680{width: 680px;}
.w700{width: 700px;}
.w750{width: 750px;}
.w800{width: 800px;}
.w850{width: 850px;}
.w900{width: 900px;}
.w950{width: 950px;}
.w1000{width: 1000px;}
.w1180{width: 1180px;}


.w10p{width: 10%;}
.w12p{width: 12%;}
.w15p{width: 15%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w24p{width: 24%;}
.w30p{width: 30%;}
.w32p{width: 32%;}
.w33p{width: 33.33%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w55p{width: 55%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w80p{width: 80%;}
.w90p{width: 90%;}
.w100{width: 100%;}

.ha{height: auto;}
.h0{height: 0px;}
.h00{height: 0%;}
.h1{height: 1px;}
.h2{height: 2px;}
.h3{height: 3px;}
.h4{height: 4px;}
.h5{height: 5px;}
.h8{height: 8px;}
.h10{height: 10px;min-height: 10px;}
.h12{height: 12px;min-height: 10px;}
.h13{height: 13px;min-height: 10px;}
.h15{height: 15px;}
.h18{height: 18px;}
.h20{height: 20px;}
.h22{height: 22px;}
.h25{height: 20px;}
.h27{height: 27px;}
.ch25h30 .h25{height: 30px;}
.h30{height: 30px;}
.h32{height: 32px;}
.h34{height: 34px;}
.h35{height: 35px;}
.h38{height: 38px;}
.h40{height: 40px;}
.h42{height: 42px;}
.h45{height: 45px;}
.h50{height: 50px}
.h55{height: 55px}
.h60{height: 60px}
.h65{height: 65px}
.h70{height: 70px;}
.h75{height: 75px;}
.h80{height: 80px;}
.h85{height: 85px;}
.h90{height: 90px;}
.h95{height: 95px;}
.h99{height: 99px;}
.h101{height: 100px;}
.h110{height: 110px;}
.h120{height: 120px}
.h125{height: 125px;}
.h130{height: 130px;}
.h135{height: 135px;}
.h140{height: 140px;}
.h150{height: 150px;}
.h160{height: 160px;}
.h170{height: 170px;}
.h180{height: 180px;}
.h190{height: 190px;}
.h200{height: 200px;}
.h210{height: 210px;}
.h220{height: 220px;}
.h240{height: 240px;}
.h250{height: 250px;}
.h260{height: 260px;}
.h270{height: 270px;}
.h280{height: 280px;}
.h300{height: 300px;}
.h320{height: 320px;}
.h330{height: 330px;}
.h350{height: 350px;}
.h340{height: 340px;}
.h400{height: 400px;}
.h450{height: 450px;}
.h500{height: 500px;}
.h550{height: 550px;}
.h600{height: 600px;}
.h650{height: 650px;}
.h700{height: 700px;}
.h800{height: 800px;}
.h9000{height: 9000px;}
.h0p{height: 0%;}
.h5p{height: 5%;}
.h10p{height: 10%;}
.h20p{height: 20%;}
.h25p{height: 25%;}
.h30p{height: 30%;}
.h40p{height: 40%;}
.h50p{height: 50%;}
.h60p{height: 60%;}
.h80p{height: 80%;}
.h90p{height: 90%;}
.h100{height: 100%;}
.hovh200:hover {height: 200px;}
.hovh300:hover {height: 300px;}
.hovh400:hover {height: 400px;}
.scale01{transform: scale(0.1);}
.scale1{transform: scale(1);}
.wh00{width: 0%;height: 0%;}
.wh100{width: 100%;height: 100%;}
.wh200{width: 200px;height: 200px;}
.wh180{width: 180px;height: 180px;}
.wh150{width: 150px;height: 150px;}
.wh120{width: 120px;height: 120px;}
.wh101{width: 100px;height: 100px;}
.wh90{width: 90px;height: 90px;}
.wh80{width: 80px;height: 80px;}
.wh70{width: 70px;height: 70px;}
.wh60{width: 60px;height: 60px;}
.wh50{width: 50px;height: 50px;}
.wh45{width: 45px;height: 45px;}
.wh40{width: 40px;height: 40px;}
.wh35{width: 35px;height: 35px;}
.wh30{width: 30px;height: 30px;}
.wh25{width: 25px;height: 25px;}
.wh20{width: 20px;height: 20px;}
.wh18{width: 18px;height: 18px;}
.wh15{width: 15px;height: 15px;}
.wh12{width: 12px;height: 12px;}
.wh10{width: 10px;height: 10px;}
.wh5{width: 5px;height: 5px;}
.wh3{width: 3px;height: 3px;}

.cfff{color: #FFFFFF;}
.ceee{color: #EEEEEE;}
.cddd{color: #DDDDDD;}
.cccc{color: #CCCCCC;}
.cbbb{color: #BBBBBB;}
.caaa{color: #AAAAAA;}
.c999{color: #999999;}
.c888{color: #898888;}
.c666{color: #666666;}
.c333{color: #333333;}
.c111{color: #111111;}
.c000{color: #000000;}
.cf00{color: #ff0000;}
.c0f0{color: #00ff00;}
.c00f{color: #0000ff;}
.cff0{color: #ffff00;}
.c0ff{color: #00ffff;}
.cf0f{color: #ff00ff;}
.c212{color: #212121;}
.cr{color: red;}
.cb{color: blue;}
.cg{color: green;}
.cy{color: yellow;}
.co{color: orange;}
.cpri{color: #2d8cf0;}
.hovcpri:hover{color: #2d8cf0;}
.c383{color: #383838;}
.cpri{color: #2d8cf0;}

.bg00{background-color: rgba(0,0,0,0);}
.bg001{background-color: #000c17;}
.bg0{background-color: #000000;}
.bgf{background-color: #FFFFFF;}
.bge{background-color: #EEEEEE;}
.bge5{background-color: #e5e5e5;}
.bgd{background-color: #DDDDDD;}
.bgc{background-color: #CCCCCC;}
.bgb{background-color: #BBBBBB;}
.bga{background-color: #AAAAAA;}
.bgc3{background-color: #333333;}
.bgc8{background-color: #898888;}

.bgpri{background-color: #2d8cf0;}
.hovbgp:hover{background-color: #57a3f3;}
.bga{background-color: #AAAAAA;}
.bgf1{background-color: #f1f1f1;}
.bgf2{background-color: #f2f2f2;}
.bgf5{background-color: #f5f5f5;}
.bgf0{background-color: #f0f0f0;}
.bgf7{background-color: #f7f7f7;}
.bgfa{background-color: #fafafa;}
.bgfc{background-color: #fcfcfc;}
.bg38{background-color: #383838;}
.bgo{background-color: orange;}
.bgr{background-color: red;}
.bgy{background-color: yellow;}
.bgg{background-color: green;}
.bgb1{background-color: #c6ecfd;}
.bgb2{background-color: #1890ff;}
.bgb3{background-color: #428bca;}
.bgb4{background-color: #0d4d84;}
.bgr1{background-color: #f9b8b8;}
.bgr2{background-color: #f16666;}
.bgr3{background-color: #f90c0c;}
.bgr4{background-color: #c30202;}
.bgg1{background-color: #aafbdf;}
.bgg2{background-color: #3ef7bf;}
.bgg3{background-color: #00b981;}
.bgg4{background-color: #04865f;}
.bgo1{background-color: #f7c4b4;}
.bgo2{background-color: #fb8864;}
.bgo3{background-color: #ff5722;}
.bgo4{background-color: #dc3500;}

.bg01{background: rgba(0,0,0,0.1);}
.bg02{background: rgba(0,0,0,0.2);}
.bg03{background: rgba(0,0,0,0.3);}
.bg04{background: rgba(0,0,0,0.4);}
.bg05{background: rgba(0,0,0,0.5);}
.bg06{background: rgba(0,0,0,0.6);}
.bg07{background: rgba(0,0,0,0.7);}
.bg08{background: rgba(0,0,0,0.8);}
.bg09{background: rgba(0,0,0,0.9);}
.bgaf1{background: rgba(255, 255, 255, 0.1);}
.bgaf3{background: rgba(255, 255, 255, 0.3);}
.bgaf5{background: rgba(255, 255, 255, 0.5);}
.bgaf7{background: rgba(255, 255, 255, 0.7);}
.bgaf8{background: rgba(255, 255, 255, 0.8);}
.bgaf9{background: rgba(255, 255, 255, 0.9);}

.bbx{box-sizing: border-box;}
.bd10{border: 1px solid rgba(0,0,0,0);}
.bdlr1e{border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}
.bdlr1c{border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
.bd1e{border: 1px solid #eee;}
.bdr1e{border-right: 1px solid #EEEEEE;}
.bdl1e{border-left: 1px solid #EEEEEE;}
.bdl1c{border-left: 1px solid #cccccc;}
.bdtl15{border-top-left-radius: 15px;}
.bdbr15{border-bottom-right-radius: 15px;}
.bdtl20{border-top-left-radius: 20px;}
.bdbr20{border-bottom-right-radius: 20px;}
.hh{height: 60px;}
.lw{width: 200px;}

.bdbrr{border-right: 1px solid red;border-bottom: 1px solid red;}
.bd1r{border: 1px solid red;}
.bd1b{border: 1px solid #bbbbbb}
.bd1c{border: 1px solid #ccc;}
.bd1d{border: 1px solid #ddd;}
.bd1a{border: 1px solid #AAAAAA;}
.bd19{border: 1px solid #999999;}
.bd16{border: 1px solid #666666;}
.bd13{border: 1px solid #333333;}
.bdf0{border: 1px solid #f0f0f0;}
.bdf5{border: 1px solid #f5f5f5}
.bdf7{border: 1px solid #f7f7f7;}
.bd1f{border: 1px solid #fff;}
.bd1x{border: 1px dashed #333333;}
.bdf2{border: 1px solid #f2f2f2;}
.bdblue: {border: 1px solid #57A3F3;}
.bd01{border: 1px solid rgba(0,0,0,0.1);}
.bd02{border: 1px solid rgba(0,0,0,0.2);}
.bd03{border: 1px solid rgba(0,0,0,0.3);}
.bd2f{border: 2px solid #fff;}
.bd2e{border: 2px solid #eee;}
.bd2r{border: 2px solid #ff0000;}
.bd2a{border: 2px solid #aaa;}
.bd2b{border: 2px solid #71c7ff;}
.bd26{border: 2px solid #666666;}
.bd2c{border: 2px solid #CCCCCC;}
.bd2d{border: 2px solid #ddd;}
.bd1n {border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0);}
.bd2n {border-width: 2px;border-style: solid;border-color: rgba(0,0,0,0);}
.bd1p {border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0);}
.bd2p {border-width: 2px;border-style: solid;border-color: rgba(0,0,0,0);}
.bdco {border-color: orange;}
.bd2co {border: 2px solid orange;}
.bd1co {border: 1px solid orange;}
.bdcb {border-color: #2db7f5;}
.bdce {border-color: #eeeeee;}
.bdca {border-color: #aaaaaa;}
.bdcf {border-color: #ffffff;}
.bdcc {border-color: #cccccc;}
.bdcc .bd1n {border-color: #cccccc;}
.bdca .bd1n {border-color: #aaaaaa;}
.bdcd .bd1n {border-color: #dddddd;}

.bsd0 {box-shadow: 0 1px 4px rgba(0,21,41,.08);}
.bsd1 {box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.bsdb1 {box-shadow: 1px 5px 10px rgba(0,0,0,0.2);}
.bsdb2 {box-shadow: 1px 5px 20px rgba(0,0,0,0.2);}
.bsd2 {box-shadow: 2px 2px 50px rgba(0,0,0,0.2);}
.bsd3 {box-shadow: 2px 0 6px rgba(0,21,41,.35);}
.bsd4 {box-shadow: 0 2px 3px 0 rgba(0,0,0,.047);}
.bdw0 {border-width: 0px;}
.bdw1 {border-width: 1px;}

.bl1f{border-left: 1px solid #ffffff;}
.bl1x{border-left: 1px dashed #333333;}
.br1f5{border-right: 1px solid #f5f5f5;}
.br105{border-right: 1px solid rgba(255, 255, 255, 0.5);}
.br100{border-right: 1px solid rgba(255, 255, 255, 0);}
.br1c{border-right: 1px solid #cccccc;}
.bb1x{border-bottom: 1px dashed #333333;}
.bb1f{border-bottom: 1px solid #fff;}
.bb2f{border-bottom: 2px solid #fff;}
.bb1a{border-bottom: 1px solid #aaa;}
.bb1b{border-bottom: 1px solid #bbbbbb;}
.bb1c{border-bottom: 1px solid #cccccc;}
.bb1d{border-bottom: 1px solid #ddd;}
.bb1e5{border-bottom: 1px solid #e5e5e5;}
.bb1e{border-bottom: 1px solid #eee;}
.bt1f{border-top: 1px solid #fff;}
.bt1d{border-top: 1px solid #ddd;}
.bdn{border: none;outline: none;background: transparent;}
.bdn th,td{border-width: 0px;}
.oln{outline: none;}
.bdtb1e{border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;}
.bdtb1c{border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.bdtb1d{border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}


.br2{border-radius:2px;}
.br3{border-radius:3px;}
.br4{border-radius:4px;}
.br5{border-radius:5px;}
.br7{border-radius:7px;}
.br8{border-radius:8px;}
.br10{border-radius:10px;}
.br12{border-radius:12px;}
.br14{border-radius:14px;}
.br15{border-radius:16px;}
.br16{border-radius:16px;}
.br20{border-radius:20px;}
.br30{border-radius:30px;}
.br49{border-radius:50px;}
.br50{border-radius:50%;}

.disi{display: inline-block;}
.disn{display: none;}
.flex{display: flex;align-items: center;}
.flw{flex-wrap:wrap;}
.fla{align-items: flex-start!important;}
.fle{align-items: flex-end!important;}
.flc{flex-direction: column;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.flex4{flex:4;}
.flex5{flex:5;}
.flex7{flex:7;}
.around{justify-content: space-around;}
.between{justify-content: space-between;}
.center{text-align: center;justify-content: center;}

.left{text-align: left;justify-content: flex-start;}
.right{text-align: right;justify-content: flex-end;}
.wrap{flex-wrap: wrap}
.jusity{word-break: break-all;text-align:justify; text-justify:inter-ideograph;text-overflow: ellipsis; text-align-last: justify;text-justify: distribute;}

.jusityleft{word-break: break-all;text-align:justify; text-justify:inter-ideograph;text-overflow: ellipsis; text-align-last: left;text-justify: distribute;}

.mar0{margin:0}
.mar5{margin:5px}
.mar01{margin-left: 1px;margin-right: 1px;}
.mar02{margin-left:2px;margin-right: 2px;}
.mar05{margin-left:5px;margin-right: 5px;}
.mar10{margin-left:10px;margin-right: 10px;}
.mar15{margin-left:15px;margin-right: 15px;}
.mar20{margin-left:20px;margin-right: 20px;}
.mar30{margin-left:30px;margin-right: 30px;}

.marl5{margin-left: 5px;}
.marl10{margin-left: 10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.marl15{margin-left: 15px;}
.marl20{margin-left: 20px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
}
.marl25{margin-left: 25px;}
.marl30{margin-left: 30px;}
.marl40{margin-left: 40px;}

.marr05{margin-right: -5px;}
.marr010{margin-right: -10px;}
.marr5{margin-right: 5px;}
.marr10{margin-right: 10px;}
.marr15{margin-right: 15px;}
.marr20{margin-right: 20px;}
.marr30{margin-right: 30px;}
.marr40{margin-right: 40px;}

.mart2{margin-top: 2px;}
.mart5{margin-top: 5px;}
.mart10{margin-top: 10px;}
.mart15{margin-top: 15px;}
.mart20{margin-top: 20px;}
.mart30{margin-top: 30px;}
.mart40{margin-top: 40px;}
.mart50{margin-top: 50px;}
.mart101{margin-top: 100px;}

.marb5 {margin-bottom: 5px;}
.marb10{margin-bottom: 10px;}
.marb20{margin-bottom: 20px;}
.marb25{margin-bottom: 25px;}
.marb30{margin-bottom: 30px;}
.marb40{margin-bottom: 40px;}

.martb5{margin-top: 5px;margin-bottom: 5px;}
.martb10{margin-top: 10px;margin-bottom: 10px;}
.martb20{margin-top: 20px;margin-bottom: 20px;}
.martb30{margin-top: 30px;margin-bottom: 30px;}

.pd0 {padding:0}
.pd1{padding: 1px;}
.pd5 {padding:5px;}
.pd10{padding:10px;}
.pd20{padding:20px;}
 
.pdl2{padding-left: 2px;}
.pdl5{padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl15{padding-left: 15px;}
.pdl18{padding-left: 18px;}
.pdl20{padding-left: 20px;}
.pdl25{padding-left: 25px;}
.pdl30{padding-left: 30px;}
.pdl40{padding-left: 40px;}

.pdr01{padding-right: -1px;padding-left: -1px;}
.pdr05{padding-right: -5px;}
.pdr010{padding-right: -10px;}
.pdr40{padding-right: 40px;}
.pdr25{padding-right: 25px;}
.pdr20{padding-right: 20px;}
.pdr18{padding-right: 18px;}
.pdr15{padding-right: 15px;}
.pdr10{padding-right: 10px;}
.pdr5{padding-right: 5px;}

.pdb5{padding-bottom: 5px}
.pdb10{padding-bottom: 10px}
.pdb15{padding-bottom: 15px}
.pdb20{padding-bottom: 20px}

.pdt5{padding-top: 5px;}
.pdt10{padding-top: 10px;}
.pdt15{padding-top: 15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt135{padding-top:135px;}

.pdtb0{padding-top: 0px;padding-bottom: 0px;}
.pdtb3{padding-top: 3px;padding-bottom: 3px;}
.pdtb4{padding-top: 4px;padding-bottom: 4px;}
.pdtb5{padding-top: 5px;padding-bottom: 5px;}
.pdtb6{padding-top: 6px;padding-bottom: 6px;}
.pdtb7{padding-top: 7px;padding-bottom: 7px;}
.pdtb10{padding-top: 10px;padding-bottom: 10px;}
.pdtb15{padding-top: 15px;padding-bottom: 15px;}
.pdtb20{padding-top: 20px;padding-bottom: 20px;}
.pdtb25{padding-top: 25px;padding-bottom: 25px;}
.pdtb30{padding-top: 30px;padding-bottom: 30px;}
.pdtb40{padding-top: 40px;padding-bottom: 40px;}
.pdtb45{padding-top: 45px;padding-bottom: 45px;}
.pdtb50{padding-top: 50px;padding-bottom: 50px;}
.pdb50{padding-bottom: 50px;}

.pd02{padding-left: 2px;padding-right: 2px;}
.pd05{padding-left: 5px;padding-right: 5px;}
.pd07{padding-left: 7px;padding-right: 7px;}
.pd010{padding-left: 10px;padding-right: 10px;}
.pd012{padding-left: 12px;padding-right: 12px;}
.pdlr10{padding-left: 10px;padding-right:10px;}
.pdlr12{padding-left: 12px;padding-right:12px;}
.pdlr15{padding-left: 15px;padding-right:15px;}
.pdlr17{padding-left: 17.5px;padding-right:17.5px;}
.pdlr18{padding-left: 18px;padding-right:18px;}
.pdlr20{padding-left: 20px;padding-right:20px;}
.pdlr25{padding-left: 25px;padding-right:25px;}
.pdlr30{padding-left: 30px;padding-right:30px;}
.pdlr40{padding-left: 40px;padding-right:40px;}
.pdlr50{padding-left: 50px;padding-right:50px;}

.lh14{line-height: 14px;}
.lh15{line-height: 15px;}
.lh16{line-height: 16px;}
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh32{line-height: 32px;}
.lh35{line-height: 35px;}
.lh40{line-height: 40px;}
.lh45{line-height: 45px;}
.lh50{line-height: 50px;}

.fsw{font-weight:bold;}
.fs8{font-size: 12px;}
.fs9{font-size: 9px;}
.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 12px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs40{font-size: 40px;}
.fs50{font-size: 50px;}

.pa{position: absolute;}
.pr{position: relative;}
.pf{position: fixed;}
.fl{float: left;}
.fr{float: right;}

.t0{top: 0px}
.t1{top: 1px;}
.t2{top: 2px;}
.t5{top: 5px;}
.t6{top: 6px;}
.t8{top: 8px;}
.t10{top: 10px}
.t15{top: 15px}
.t20{top: 20px}
.t40{top: 40px}
.t60{top: 60px}
.t80{top: 80px}
.t85{top: 85px}
.t90{top: 90px}
.t100{top: 100px}
.t105{top: 105px}
.r0{right: 0px;}
.r5{right: 5px;}
.r01{right: -1px;left: -1px;}
.r05{right: -5px;}

.r010{right: -10px;}
.r050{right: -50px;}
.r1{right: 1px;}
.r10{right: 10px;}
.r15{right: 15px;}
.r20{right: 20px;}
.r50{right: 50px;}
.r80{right: 80px;}
.b0{bottom: 0px;}
.b2{bottom: 2px;}
.b4{bottom: 4px;}
.b5{bottom: 5px;}
.b10{bottom: 10px;}
.b15{bottom: 15px}
.b20{bottom: 20px}
.b45{bottom: 45px}
.b50{bottom: 50px}
.b100{bottom: 100px;}
.l0{left: 0px;}
.l1{left: 1px;}
.l5{left: 5px;}
.l10{left: 10px}
.l20{left: 20px}
.l50{left: 50px}
.l200{left: 200px}

.ts45{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.ts0{transform: rotate(0deg);}
.ts90{transform: rotate(90deg)}
.ts900{transform: rotate(-90deg)}
.ts180{transform: rotate(180deg)}

.r{border:1px solid red}
.g{border:1px solid green}
.b{border:1px solid blue}
.a{opacity: 0;}
.a1{opacity: 1;}
.mopa3{opacity: 0.3;}
.mopa5{opacity: 0.5;}
.mopa7{opacity: 0.7;}
.mopa8{opacity: 0.8;}
.z0{z-index: 0;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.z3{z-index: 3;}
.z4{z-index: 4;}
.z5{z-index: 5;}
.z6{z-index: 6;}
.z7{z-index: 7;}
.z8{z-index: 8;}
.z9{z-index: 9;}
.z10{z-index: 10;}
.z11{z-index: 11;}
.z99{z-index: 99;}
.z999{z-index: 999;}
.z9999{z-index: 9999;}
.trs8{transition: 0.8s;transition-timing-function: linear;}
.trs4{transition: 0.4s;transition-timing-function: linear;}
.trs3{transition: 0.3s;transition-timing-function: linear;}
.trs2{transition: 0.2s;transition-timing-function: linear;}
.trs1{transition: 0.1s;transition-timing-function: ease-out;;}
.trs05{transition: 0.05s;}
.cp{cursor: pointer;}
.cm{cursor: context-menu;}
.cmo{cursor: move;}
.ce{cursor: e-resize;}
.cchww img {cursor:  w-resize}
.cchww video {cursor:  w-resize}
.ofh{overflow: hidden;}
.ovy{overflow-y: auto;}
.ovx{overflow-x: auto;}
.oxh{overflow-x: hidden;}
.oyh{overflow-y: hidden;}


.hovwh100:hover{width: 100px;height: 100px;}
.hovwh100a1:hover .hovch{width: 100px;height: 100px;opacity: 1;}
.hovwh100pa1:hover .hovch{width: 100%;height: 100%;opacity: 1;}

.hovopa0:hover{opacity: 0;width: 0px;height: 0px;}
.hovopa03:hover{opacity: 0.3}
.hovopa05:hover{opacity: 0.5}
.hovopa1:hover{opacity: 1}
.hovcf:hover{color: #ffffff;}
.hovcb:hover{color: blue;}
.hovc3:hover{color: #333333;}
.hovcr:hover{color: #FF0000;}

.hovbgc3:hover {background-color: #333333;}
.hovbgc5:hover {background-color: #555555;}
.hovbgce:hover {background-color: #eeeeee;}
.hovbgcd:hover {background-color: #dddddd;}
.hovbgcc:hover {background-color: #cccccc;}
.hovbgca:hover {background-color: #aaaaaa;}
.hovbgcr:hover {background-color: #f80000;}
.hovbgb2:hover {background-color: #23b7e5;}
.hovbgb1:hover {background-color: #c6ecfd;}

.hovbg01:hover {background-color: rgba(0,0,0,0.1);}
.hovbg02:hover {background-color: rgba(0,0,0,0.2);}
.hovbg03:hover {background-color: rgba(0,0,0,0.3);}
.hovbg05:hover {background-color: rgba(0,0,0,0.5);}
.hovbg07:hover {background-color: rgba(0,0,0,0.7);}
.hovbgf5:hover {background-color: #f5f5f5;}
.hovbgf7:hover {background-color: #f7f7f7;}
.hovfw:hover {font-weight: bolder;}

.focusbgf:focus{background: #ffffff;}

input[type=date]::-webkit-inner-spin-button { visibility: hidden; display: none;}
input[type=number]::-webkit-inner-spin-button { visibility: hidden; display: none;}
input[type=date]::-webkit-clear-button {position: relative;bottom: 2px;}
.ovy::-webkit-scrollbar {width: 5px;height: 5px;}
.ovy::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: rgba(0,0,0,0.3);}
.ovy::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: transparent;}
.ovx::-webkit-scrollbar {width: 10px;height: 10px;}
.ovx::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: rgba(0,0,0,0.3);}
.ovx::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: transparent;}